<template>
  <div>
    <el-dialog
      title="事件详情"
      :visible.sync="dialogVisible"
      width="1000px"
      height="800px"
      :modal="false"
      custom-class="deep"
    >
      <div class="btn-item-wrap text-align-right mb-10 pr-30 mr-30">
        <div class="btn-item cursor-pointer" @click="handleClick">
          <img src="../../assets/image/nmodule/sptjb.png" style="width: 45px" />
          <div>四平台交办</div>
        </div>
        <div class="btn-item cursor-pointer" @click="handleDdClick">
          <img src="../../assets/image/nmodule/zzdjb.png" style="width: 45px" />
          <div>浙政钉交办</div>
        </div>
      </div>

      <!-- 基本信息界面 -->
      <platform ref="platform" v-if="dialogVisible" :eventListDetailMsg="eventDetailMsg" />
    </el-dialog>
  </div>
</template>
 <script>
import platform from '../nmodule/platform';
// import ddAssign from './ddAssign';
// import HandleEventDialog from './handleEventDialog';
export default {
  name: "township-dialog",
  components: {
    platform,
    // ddAssign,
    // HandleEventDialog,
  },
  data() {
    return {
      eventSource: null,
      eventDialogShow: false,
      ddAssignDialog: false,
      dialogVisible:false,
      eventDetailMsg:{},
    };
  },
  // props: {
  //   dialogVisible: Boolean,
  //   eventDetailMsg: Object,
  // },
  mounted() {
    window.eventDialogInit = this.openeventDialog;
  },
  methods: {
    openeventDialog(params) {
      this.dialogVisible = true;
      this.eventDetailMsg = params;
      console.log(params);
    },
    handleClose() {
      this.$emit("cancel");
    },
    handleClick() {
      // this.eventDialogShow = true;
      window.handleEventDialogInit();
    },
    handleDdClick() {
      // this.ddAssignDialog = true;
      window.ddAssignInit();
    },
  },
};
</script>
 <style rel="stylesheet/scss" scoped>
 .el-dialog__wrapper {
  width: 3096px;
  overflow: unset !important;
}
.btn-item-wrap {
  display: flex;
  text-align: center;
  justify-content: flex-end;
  color: white;
}
.btn-item {
  margin-right: 30px;
  font-size:18px;
}
.btn-item + .btn-item {
  margin-right: 50px;
}
</style>
 <style >
.el-step__description.is-finish {
  color: #7af3ff;
}
.el-dialog__title {
  color: #7af3ff;
  font-size: 16px;
}
.el-dialog__headerbtn {
  top: 40px;
}
.el-step__title.is-finish {
  color: #7af3ff;
  font-size: 14px;
}
.el-dialog {
  background: rgba(0, 17, 47, 0.8);
}
.el-step__title.is-process {
  color: rgba(255, 255, 255, 0.8);
}
.el-step__description.is-process {
  color: rgba(255, 255, 255, 0.8);
}
</style>>

